@font-face {
    font-family: 'UTM Neo Sans Intel'; /*a name to be used later*/
    src: url('/static/fonts/UTM Neo Sans Intel.ttf'); /*URL to font*/
}
html{
height: 100%;
background: #F8F7F7;
}
*{
font-size: 12px;
line-height: 18px;
color: #7d7264;
font-family: "UTM Neo Sans Intel";
}
body{
padding-top: 60px;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{
font-weight: bold;
}
a{
color: #7d7264;
}
.loading{
display: none;
width: 100%;
height: 100%;
z-index: 1050;
position: fixed;
top: 0;
left: 0;
background: rgba(255, 255, 255, .8) url(/static/images/loading.gif) center center no-repeat;
}
.border-alert{
border-color: red;
}
.background-green-1{
background-color: #A2D200;
}
.background-green-2{
background-color: #bce519;/*b3d82d*/
}
.background-orange-1{
background-color: #FFC100;/*b3d82d*/
}
.background-red-1{
background-color: #FF4A43;/*b3d82d*/
}
.color-white{
color: #fff!important;
}
.container-fluid{
padding: 0;
}
.navbar-inverse{
background-color: #f2f2f2;
border-color: #efefef;
}
.navbar-logo{
display: block;
padding: 0px 0 0 6px;
}
.navbar-header{
background-color: #F1E8DC;
}
.container-fluid .logo{
float: left;
background-color: #D6D2CC;
height: 60px;
}
.container-fluid .logo img{
width: 160px;
float: left;
margin-top: 10px;
}
.container>.navbar-header, .container-fluid>.navbar-header, .container>.navbar-collapse, .container-fluid>.navbar-collapse{
margin: 0;
}
.navbar-toggle{
margin: 11px 10px 0px;
}
.navbar-inverse{
height: 60px;
line-height: 60px;
}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form{
background-color: #F1E8DC;
}
.navbar-inverse .navbar-nav>li>a{
text-transform: uppercase;
}
.navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>li>a:focus{
color: #000;
text-decoration: underline;
}
.navbar-toggle{
background: none!important;
border: 0!important;
}
.navbar-toggle .icon-bar{
height: 3px;
background-color: #605850!important;
}
.navbar-toggle:hover .icon-bar{
background-color: #5D544A!important;
}
.navbar-toggle:hover, .navbar-toggle:active{
background-color: transparent!important;
}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form{
border-color: #706458;
}
.navbar-collapse{
padding: 0;
}
.navbar-nav{
margin: 0;
}
.nav>li>a{
padding: 20px 15px
}
.sidebar{
padding: 0 0 30px 0;
background-color: #fbf9f5;
}
.sidebar-nav, .sidebar-nav ul{
border-top: 1px solid rgba(125, 114, 100, 0.08);
}
.sidebar-nav, .sidebar-nav li, .sidebar-nav ul{
margin: 0;
padding: 0;
list-style: none;
}
.sidebar-nav ul li a span{
color: rgba(125, 96, 106, 0.8)
}
.sidebar-nav ul{
background-color: #fff
}
.sidebar-nav li{
margin: 0;
padding: 0;
border-bottom: 1px solid rgba(125, 114, 100, 0.08);
}
.sidebar-nav li ul li:last-child{
border-bottom: 0;
}
.sidebar-nav *{
color: rgba(125, 96, 106, 0.8);
}
.sidebar-nav li a, .sidebar-nav > li > span{
position: relative;
display: block;
height: 40px;
line-height: 40px;
cursor: pointer;
}
.sidebar-nav li:hover{
border-bottom: 1px solid rgba(125, 114, 100, 0.2);
}
.sidebar-nav li:hover > a, .sidebar-nav > li:hover > span{
background-color: rgba(125, 114, 100, 0.03);
}
.sidebar-nav li.active > a, .sidebar-nav > li.active > span{
background-color: rgba(125, 114, 100, 0.15);
}
.sidebar-nav li.active > ul, .sidebar-nav > li.active > span ul{
background-color: rgba(125, 114, 100, 0.05);
}
.sidebar-nav .glyphicon{
position: absolute;
top: 0;
left: 0;
z-index:1;
width: 40px;
height: 40px;
line-height: 39px;
text-align: center;
display: block;
float: left;
border-right: 1px solid rgba(125, 114, 100, 0.08);
}
.sidebar-nav .text{
margin-left: 50px;
}
.sidebar-nav span:hover, .sidebar-nav a:hover, .sidebar-nav a:hover > .text, .sidebar-nav span:hover .text{
text-decoration: none;
color: rgba(125, 96, 106, 1);
}
.sidebar-nav li a .background, .sidebar-nav > li > span .background{
position: absolute;
top: 0;
left: -40px;
width: 40px;
height: 40px;
z-index:0;
}
.sidebar-nav li.active > a > .background, .sidebar-nav li.active > span > .background{
left: 0!important;
}
.sidebar-nav li.active > a > .glyphicon, .sidebar-nav li.active > span > .glyphicon{
color: #fff!important;
}
.sidebar-nav li.active > a > .text{
text-decoration: none;
color: rgba(125, 96, 106, 1);
}
.row{
margin: 0;
}
.avatar{
position: relative;
height: 94px;
background: #F4F1ED;
}
.avatar img{
position: absolute;
top: 15px;
left: 10px;
width: 64px;
height: 64px;
border: 3px solid #d3e27c;
}
.avatar span{
position: absolute;
top: 27px;
left: 85px;
display: block;
font-size: 16px;
}
.avatar a{
position: absolute;
top: 45px;
left: 85px;
display: block;
color: rgba(125, 114, 100, 0.7);
font-size: 11px;
}
#menu-toggle.btn-default{
background: none;
border: 0;
color: #5D544A;
}
/**********************/
.connectedSortable{
min-height: 400px;
}
/**********************/
.navbar-menu{
float: left;
height: 60px;
line-height: 54px;
}
.navbar-menu ul{
float: left;
display: block;
padding-left: 20px;
}
.navbar-menu ul li{
float: left;
margin-right: 12px;
height: 64px;
line-height: 54px;
list-style: none;
}
.navbar-menu ul li a{
display: block;
margin-top: 16px;
width: 26px;
height: 26px;
line-height: 26px;
text-align: center;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
background-color: rgba(125, 114, 100, 0.2);
position: relative;
overflow: hidden;
}
.navbar-menu ul li a:hover{
text-decoration: none;
}
.navbar-menu ul li span.background{
display: block;
width: 26px;
height: 26px;
line-height: 26px;
color: #fff;
position: absolute;
top: 23px;
left: 0;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.navbar-menu ul li span.text{
font-weight: bold;
}
.navbar-menu ul li span.text.active{
top:0px!important;
}
.breadcrumbs{
padding: 10px 20px;
font-size: 12px;
font-family: 'tahoma',"Helvetica Neue",Helvetica,Arial,sans-serif;
}
div.content{
padding: 0 20px 10px 20px;
}
div.content td.head{
background: #eaeaea!important;
}
.form-horizontal dd{
margin-bottom: 15px;
}
.tab-widget{
width: 537px;
}
.tab-widget .tab-title{
margin: 0;
padding: 0;
}
.tab-widget .tab-title li{
width: 179px;
height: auto;
float: left;
list-style: none;
padding: 10px;
cursor: pointer;
border-top: 1px solid #d3d3d3;
border-left: 1px solid #d3d3d3;
border-bottom: 1px solid #d3d3d3;
background: rgba(125, 114, 100, 0.05);
}
.tab-widget .tab-title li:last-child{
border-right: 1px solid #d3d3d3;
}
.tab-widget .tab-title li span{
width: 40px;
height: 40px;
clear: both;
margin: 0 auto;
line-height: 38px;
text-align: center;
color: #fff;
display: block;
font-size: 20px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
background: #0D8FDB;
}
.tab-widget .tab-title li p{
text-align: center;
margin: 10px auto 0 auto;
padding: 0;
font-weight: bold;
}
.tab-widget .tab-title li:hover{
background: rgba(125, 114, 100, 0.1);
}
.tab-widget .tab-title li.active{
background: rgba(125, 114, 100, 0.16);
}
.tab-content{
clear: both;
height: 250px;
padding: 10px;
display: none;
overflow-y: auto;
border-left: 1px solid #d3d3d3;
border-right: 1px solid #d3d3d3;
border-bottom: 1px solid #d3d3d3;
}
.tab-content.active{
display: block;
}
.tab-content .item{
margin-bottom: 10px;
}
.tab-content .item label{
width: 90px;
float: left;
}
.tab-content .item label span{
color: red;
}
.tab-content .item input[type=text]{
width: 260px;
border: 1px solid #d3d3d3;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
.tab-content .item select{
width: 200px;
border: 1px solid #d3d3d3;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
.tab-content .item textarea{
width: 400px;
height: 160px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
resize: none;
}
.tab-content .item-submit input[type=submit]{
float: left;
margin-left: 90px;
padding: 7px 25px;
font-weight: bold;
border: 1px solid #0079bf;
background: #0D8FDB;
color: #fff; 
}
.form-option input[type=text]
{
width: 260px;
border: 1px solid #d3d3d3;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
.form-option dd{
margin-bottom: 2px;
}
.option-wrapper .fieldset{
padding: 10px;
border: 1px solid #d3d3d3;
}
.option-wrapper .fieldset .legend{
padding: 0 5px;
float: left;
height: 20px;
line-height: 20px;
margin-top: -20px;
background: #fff;
}
.option-wrapper .fieldset .legend input{
float: left;
margin-top: 3px;
}
.option-wrapper .fieldset .legend label{
float: left;
height: 20px;
line-height: 20px;
margin-left: 5px;
}
.option-wrapper .fieldset .fieldset-content{
clear:both;
}
.option-wrapper .fieldset .fieldset-content ul, .option-wrapper .fieldset .fieldset-content li{
margin: 0;
padding: 0;
list-style: none;
}
.option-wrapper .fieldset .fieldset-content li{
margin: 0 5px;
width: 200px;
float: left;
}
.option-wrapper .fieldset .fieldset-content label{
font-weight: normal;
}
.option-wrapper .fieldset .fieldset-content li input[type=checkbox]{
margin-top: 10px;
float: left;
}
.option-wrapper .fieldset .fieldset-content li label{
float: left;
line-height: 30px;
margin-left: 5px;
}
.option-wrapper .fieldset .fieldset-content li label span.disabled{
color: #a59f98
}
.tab-content .item .list-checkbox, .tab-content .item .list-checkbox li{
list-style: none;
margin: 0;
padding: 0;
}

.tab-content .item .list-checkbox{
width: 400px;
float: left;
}
.tab-content .item .list-checkbox li{
float: left;
height: 20px;
line-height: 20px;
}
.tab-content .item .list-checkbox li input[type="checkbox"]{
float: left;
margin-top: 3px;
}
.tab-content .item .list-checkbox li label{
width: 115px;
height: 20px;
line-height: 20px;
margin-left: 5px;
overflow: hidden;
}
.widget{
margin: 15px 0 0 0;
padding: 0 5px 5px 5px;
background: #fff;
}
.widget-title{
height: 30px;
line-height: 30px;
border-bottom: 1px solid #ccc;
}
.widget-title .name{
float: left;
height: 30px;
line-height: 30px;
margin-left: 5px;
font-size: 16px;
}
.widget-title .config{
float: right;
height: 30px;
line-height: 30px;
margin-right: 5px;
position: relative;
z-index: 1;
}
.widget-title .config span{
padding: 0 5px;
cursor: pointer;
font-size: 14px;
line-height: 29px;
color: #877f76;
}
.widget-title .config span:hover{
color: #A2D200;
}
.widget-title .config span.active{
color: #7CB5EC;
background: #F8F7F7;
}
.widget-title .config span.glyphicon-remove:hover{
color: #FF4A43;
}
.widget-title .config span.glyphicon-move{
cursor: move;
}
.widget-title .config .widget-calendar{
position: absolute;
top: 30px;
right: 0;
width: 265px;
padding: 5px 10px;
background: #F8F7F7;
border: 1px solid #ccc;
border-top: 0;
}
.widget-title .config .widget-calendar input[type="text"]{
width: 70px;
float: left;
}
.widget-title .config .widget-calendar input[type="button"]{
width: 23px;
height: 23px;
float: right;
text-align: left;
text-indent: -9999px;
background:transparent url(../images/icons/icon_go_small.png) center center no-repeat;
border: 0;
}
.widget-title .config .widget-calendar label{
float: left;
margin-right: 5px;
line-height: 20px;
}
.widget-title .config .widget-calendar label.label-second{
margin-left: 10px;
}
.highcharts-title{
display: none!important;
}
.highcharts-legend-item text{
font-weight: normal!important;
}
.highcharts-axis-labels text{
font-size: 11px!important;
}
.widget-content > .table{
margin: 15px 0;
}
.widget-content > .chart{
width: 100%;
padding: 0 5px;
}
#dashboard-left{
padding-left: 20px;
padding-right: 10px;
}
#dashboard-right{
padding-left: 10px;
padding-right: 20px;
}

.main-content{
background-color: #f8f7f7;
}
.dashboard-menu{
clear: both;
background-color: #fff;
height: 50px;
line-height: 50px;
}
.dashboard-menu h1{
display: block;
float: left;
height: 30px;
margin: 10px 10px 10px 0;
padding: 0 20px 0 25px;
font-size: 22px;
line-height: 22px;
border-right: 1px solid #dbdbdb;
}
.dashboard-menu span.icon{
display: block;
float: left;
padding: 0 10px;
margin: 0;
line-height: 50px;
height: 50px;
cursor: pointer;
text-align: center;
}
.dashboard-menu span.text{
display: block;
float: left;
padding: 0 10px;
margin: 0;
line-height: 48px;
height: 50px;
text-align: center;
}
.dashboard-menu span.back{
float: left;
font-size: 18px;
line-height: 46px;
padding: 0 20px;
cursor: pointer;
}
.dashboard-menu span.text.select-date input{
height: 20px;
line-height: 20px;
margin-top: 16px;
}
.dashboard-menu span.icon:hover{
background: #F8F7F7;
}
.dashboard-menu span.icon.icon-add-dashboard{
float: right;
margin-right: 20px;
}
.popup{
border: 1px solid #d3d3d3;
}
.popup-title{
background: rgba(125, 114, 100, 0.16);
height: 40px;
line-height: 34px;
font-size: 16px;
padding: 0 10px;
}
.popup-content{
padding: 10px;
}
.popup-content input{
padding: 0 3px;
width: 80px;
}
.popup-content select{
width: 80px;
}
.popup-content input#dashName{
width: 280px;
}
.popup-content dd{
margin-bottom: 10px;
}
.popup-content #csrf-label{
display: none;
}
.popup-content #color{
width: 80px;
height: 22px;
display: block;
cursor: pointer;
border: 1px solid #d3d3d3;
}
.popup-content span.icon{
font-size: 16px;
}
.popup-content input[type=submit]{
width: auto;
padding: 7px 25px;
font-weight: bold;
border: 1px solid #0079bf;
background: #0D8FDB;
color: #fff;
}
.widget-big{
background: #fff;
margin: 15px 0 0 0;
}
.widget-big .gameList{
list-style: none;
margin: 0;
padding: 0;
}
.widget-big .gameList li{
width: 120px;
height: 140px;
float: left;
cursor: pointer;
}
.widget-big .gameList li a{
display: block;
width: 120px;
height: 140px;
}
.widget-big .gameList li img{
width: 100px;
height: 100px;
margin: 10px 10px 0 10px;
}
/*search form transaction*/
.search-form{
padding: 10px;
}
.search-form label{
width: 80px;
text-align: left;
}
.search-form input[type=text]{
width: 100px;
padding: 0 3px;
}
.search-form select{
width: 100px;
padding: 0 3px;
}
.search-form div.name,.search-form div.channel,.search-form div.server{
float: left;
margin-bottom: 10px;
}
.search-form div.name,.search-form div.channel{
margin-right: 20px;
padding-right: 20px;
}
.search-form div.status{
clear: both;
float: left;
}
.search-form div.dateStart,.search-form div.status{
float: left;
margin-right: 20px;
padding-right: 20px;
margin-bottom: 10px;
}
.search-form div.dateEnd{
float: left;
margin-bottom: 10px;
}
.search-form div.submit{
clear: both;
float: left;
}
.search-form div.submit input[type="submit"]{
padding-left:30px;
padding-right:30px;
}
.search-form .mess{
margin-bottom: 10px;
}
.search-result{
padding: 10px;
}
.widget-big div.title{
text-align: left;
margin-bottom: 10px;
padding-bottom: 10px;
border-bottom: 1px solid rgba(125, 114, 100, 0.08);
font-weight: bold;
font-size: 15px;
}
.widget-big div.title span{
font-weight: normal;
}
.widget-big div.title span.glyphicon.glyphicon-download{
cursor: pointer;
}
.table-responsive{
overflow-x: auto;
overflow-y: hidden;
}
.search-result select{
width: 260px;
margin-bottom: 10px;
}
.search-result input{
margin-bottom: 10px;
}
.searchHistory .left{
float: left;
margin-right: 20px;
}
.searchHistory .right{
float: left;
margin-right: 20px;
}
.searchHistory label{
float: left;
}
.pagination{
float: right;
}
.pagination .item{
display: block;
float: left;
width: 20px;
height: 20px;
line-height: 18px;
border: 1px solid #ccc;
margin-left: 10px;
font-family: tahoma;
}
/**/
#tabs-search{
position: relative;
}
#kpi-exchange-convert .mTitle{
height: 20px;
line-height: 20px;
padding-bottom: 5px;
margin-bottom: 10px;
font-weight: bold;
border-bottom: 1px solid #d3d3d3;
}
#kpi-exchange-convert label{
display: block;
width: 80px;
height: 20px;
float: left;
}
#kpi-exchange-convert input[type=text]{
float: left;
margin-bottom: 10px;
}
#kpi-exchange-convert input[type=button]{
}
.list-convert{
margin: 10px 0;
padding: 0;
height: 30px;
}
.list-convert li{
position: relative;
display: block;
width: auto;
padding: 5px 15px 5px 10px;
margin-right: 10px;
float: left;
background: #F2F2F2;
border: 1px solid #ccc;
}
.list-convert li span{
display: block;
width: 17px;
height: 17px;
line-height: 16px;
text-align: center;
position: absolute;
top: -8px;
right: -8px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
background: #F9F9F9;
border: 1px solid #ccc;
cursor: pointer;
font-size: 12px;
}
#listother li .resourceIdAdmin{
    width:180px;
}
